<template>
  <div class="headerCon">
    <div class="conLeft">
      <span class="icon iconfont" style="color:#fff">&#xe606;</span>
      <span>搜索文章、用户、标签</span>
    </div>
    <div class="conRight">
      <span class="icon iconfont">&#xe611;</span>
      <span>标签</span>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="stylus" scoped>
.headerCon
	width 100%
	display flex
	align-items center
	padding-top 10px
	background-color #007FFF
	.conLeft
		cursor pointer
		flex 1
		margin-left 10px
		margin-right 10px
		background-color #3299FF
		padding 5px
		> span
			vertical-align middle
		> span:nth-of-type(1)
			margin-left 5px
			color #fff
		> span:nth-of-type(2)
			margin-left 10px
			font-size 14px
			color #fff
	.conRight
		cursor pointer
		margin-right 10px
		> span
			color #fff
			vertical-align middle
		> span:nth-of-type(2)
			font-size 14px
			margin-left 3px
</style>
